    *{margin: 0;padding: 0;}
    body{background-color: #f5f5f5;}
    .top{width: 100%;height: 40px;background-color: #333;}
    .top>div{width: 1230px;height: 40px;margin: auto;font-size: 12px;}
    .top-left{float: left;height: 40px;line-height: 40px;  }
    .top-right{ float: right;width: 290px; height: 40px;  line-height: 40px;        }
    .top-right>div{position: relative;width: 125px;height: 40px;background-color: #424242;float: right;
        text-align: center;line-height: 40px;}
    .top-right>div:hover{background-color: #fff;color: red;}
    .top-right>div>i{width: 20px;height: 20px;vertical-align: middle;}
    .top-right>div>span{vertical-align: middle;}
    .top-right>span{color: #424242;}
    a{text-decoration: none;color: #b0b0b0b0;}
    .top-left>span{margin-left: 2px;margin-right: 3px;font-weight: 200;color: #424242;}
    .top-right-buton{position: absolute; right: 0;width: 320px;/* 开始高度为0 */height: 0px;
        background-color: #fff;/* 过渡时间 */transition-duration: 0.2s;/* 超出隐藏 */overflow: hidden;
        line-height: 100px;color: #424242;z-index: 3;box-shadow: 0 0 5px rgb(0, 0, 0,.15);}
    .top-right>div:hover .top-right-buton{height: 100px;}
    .drop{position: absolute;top: 24px;left: -44px;width: 124px;height: 0px;transition: 0.5s;display: none;}
    .top_dowload{position: relative;display: inline-block;width: 50px;height: 16px;}
    .top_dowload:hover .drop{height: 160px;z-index: 3;display: block;}    
    /* 小三角设置 */
    .drop>span{width: 0px;height: 0px;display: block;border: 8px solid transparent;border-bottom: 8px solid #fff;/* 居中 */margin: auto;}
    .drop>div{width: 99%;height: 160px;background-color: #fff;text-align: center;box-shadow: 0 1px 5px #aaa;}
    .drop>div>img{width: 90px;height: 90px;margin-top: 20px;}
    .drop>div>p{color: #333;margin-top: -14px;font-size: 14px;}
    /* 第二部分 */
    header{width: 100%;height: 100px;}
    .header{width: 1230px;height: 100px;background-color: #fff;margin: auto;}
    .header>div:nth-child(1){width: 55px;height: 55px;float: left;margin-top: 22px;}
    .header>ul{height: 100px;float: left;margin-left: 200px;position: relative;}
    .header>ul>li{float: left;height: 100px;line-height: 100px;padding-right: 20px;}
    ul,li{list-style: none;}
    /* 左边图标 */
    .header_logo{position: relative;width: 55px;height: 55px;background-color: #ff6700;float: left;margin-top: 23px;overflow: hidden;}
    .header_logo:hover .header_logo2{transform: translateX(50px);}
    .header_logo:hover .header_logo1{transform: translateX(50px);}
    .header_logo1{transition: 0.2s;}
    .header_logo2{position: absolute;left: -50px;transition: 0.2s;}
    /* 右边搜索框 -------------------------------------------------------*/
    .header>form{width: 300px;height: 50px;float: right;margin-top: 26px;display: flex;border: 1px solid #e0e0e0;position: relative;}
    .header>form>input{  width: 250px; height: 48px;  margin-left: 10px; margin-top: 1px; border: none; /* 去除边框 */outline: none; float: left; }
    .header>form>button{width: 50px;height: 50px;background-color: #fff;border: none;outline: none;float: right;   border-left: 1px solid #e0e0e0;}
    .header>form>button:hover{background-color: orange;}
    /* 放大镜变白色 */
    .header>form>button:hover span{color: #fff;}
    .header>form>ul{/* 能够将元素隐藏  并且不占据位置 */display: none;position: absolute;top: 50px;width: 249px;height: 240px;background-color: #fff;}
    .header>form>input:focus+ul{display: block;border: 1px solid red;}
    .header>form>ul>li{ text-indent: 15px;font-size: 12px;margin-top: 14px; }
    .header>form>ul>li:nth-child(1){margin-top: 5px; }
/* 中间的 一级下拉 -------------------------------------------------------*/
    .header>ul>li:hover .header_sub{height:230px;  transition-property:all ; transition-duration: 0.2s; transition-delay:0s; box-shadow: 0 0 25px rgba(0,0,0,.08);        }
    .header_sub{  position: absolute; left: -562px; width: 1920px; height: 0px;  overflow: hidden;  background-color: #fff; box-shadow: 0 0 0 rgba(0,0,0,0);transition-property:all; transition-duration:0.2s ; transition-delay:0.5s ;z-index: 3;}
    .header_sub>ul{width: 1230px; height: 230px;  margin: auto;}
    .header_sub>ul>li{position: relative; width: 200px;height: 200px;  float: left; margin-right: 1px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px; }  
    .header_sub>ul>li>img{width: 160px; height: 110px;}
    .header_sub>ul>li>p{height: 20px; line-height: 1; font-size: 12px; margin-top: 23px; margin-bottom: 3px;}
    .header_sub>ul>li>span{ line-height: 1; color: #ff6700; font-size: 12px; }
    .header_sub>ul>li>div{position:absolute; right: 3px; top: 27px; width: 1px; height: 100px;  background-color: #e0e0e0; }
    /* 轮播图 阶段 */
    .banner{position: relative;width: 1230px;height: 460px;margin: auto;overflow: hidden;}
    .banner>.section{position: relative; width: 236px;height: 460px;background: rgba(105,101,101,.6);padding-top: 1px;}
    .banner>.section>li{width: 236px;height: 43px;line-height: 43px;}
    .banner>.section>li>span{color: #fff;}
    .banner>.section>li>span>i{float: right;}
    .banner>.section>li:hover .sub_section{display: block;}
    .banner>.section>li:hover{ background-color: #ff6700;}
    .banner>.section>li:nth-child(1){margin-top: 20px; }
    .banner>.section>li>span:nth-child(1){margin-left: 30px;font-size: 14px;}
    .banner>.section>li>span:nth-child(2){float: right;margin-right: 20px;}
/* 轮播图  左侧栏目二级菜单------------------------------------------------------- */
    .banner>.section>li>.sub_section{position: absolute;top: 0px;left: 236px;width: 960px;height: 460px;background-color: #fff; display: none; }
    .banner>.section>li>.sub_section>ul{float: left;}
    .banner>.section>li>.sub_section>ul>li{width: 240px;height: 77px;display: flex;align-items: center;}
    .banner>.section>li>.sub_section>ul>li>img{ width: 40px;height: 40px;margin-left: 30px;margin-right: 15px;}
    .banner>.section>li>.sub_section>ul>li>span{font-size: 14px;}
    .banner_image{position: absolute;top: 0;left: 0px;width: 100%;height: 100%; z-index: -1; }
    .banner_image>img{width: 100%;height: 100%; }
    /* 左右下控制器 */
    .banner>.btn>span{position: absolute;display: block;width: 40px;height: 70px;}
    .banner>.btn>span:nth-child(1){left: 236px;top: 192px;background-image: url(xiaomi2/icon-slides.png);background-position: 80px;}
    .banner>.btn>span:nth-child(2){right: 0;top: 192px;background-image: url(xiaomi2/icon-slides.png);background-position: 40px;}
    .banner>.btn>span:nth-child(1):hover{background-position: 0px;}
    .banner>.btn>span:nth-child(2):hover{background-position: 120px;}
    /* 小原点 */
    .banner>.list{position: absolute;right: 25px;bottom: 23px;   }
    .banner>.list>li{float: left;width: 6px;height: 6px;border-radius: 50%;border: 2px solid rgba(0,0,0,0.3);background: rgba(0,0,0,0.4);margin-right: 8px;margin-top: 25px;}
    .banner>.list>.on{background: rgba(255,255,255,2);}
/* 轮播下-------------------------------------------------------*/
    .under_banner{width: 1230px;height: 170px;margin: auto;margin-top: 15px;}
    .under_banner>ul{width: 236px;height: 170px;background: #5f5750;float: left;}
    .under_banner>ul>li{width: 76px;height: 82px;float: left;text-align: center;position: relative;opacity: 0.7;transition: 0.2s;}
    .under_banner>ul>li:hover{opacity: 1;}
    .under_banner>ul>li>img{ width: 24px;height: 24px;margin-top: 20px;}
    /* 伪类 */
    .under_banner>ul>li::before{position: absolute;top: 2px;left: 8px;display: block;content: "";width: 60px;height: 1px;background: #665157;}
    .under_banner>ul>li::after{position: absolute;top: 13px;left: 1px;display: block;content: "";width: 1px;height: 60px;background: #665157;}
    .under_banner>ul>li>p{font-size: 12px;margin-top: 2px;color: #fff;}
    /* 右侧 */
    .under_banner>div{position: relative;width: 994px;height: 170px;float: left;}
    .under_banner>div>img{width: 316px;height: 170px;margin-left: 14px;}
    .under_banner>div>img:nth-child(3){position: absolute;right: 0px;}
/* 小米闪购------------------------------------------------------- */
    .content{position: relative;width: 1230px;height: 550px;margin: auto;margin-top: 20px; }
    .xiao_flash_sale>.top1{width: 100%;height: 60px;}
    .xiao_flash_sale>.top1>div{width: 100px;height: 35px;float: right; margin-top: 15px;}
    .xiao_flash_sale>.top1>h3{float: left;font-size: 22px;font-weight: 200;line-height: 58px;color: #333333;  }
    .xiao_flash_sale>.top1>div>span{display: block;width: 36px;height: 23px;float: right;border: 1px solid #e0e0e0;  text-align: center;line-height: 23px;margin-top: 15px;}
    .xiao_flash_sale>.top1>div>span:hover i{color: #ff6700;    }
    /*  */
    .xiao_flash_sale>.center{   width: 100%;}
    .xiao_flash_sale>.center>div{float: left;width: 236px;height: 340px;background: #f1eded;padding-top: 1px;text-align: center;}
    .xiao_flash_sale>.center>div>h4{font-size: 21px;color: #ef3a3b;font-weight: 400;margin-top: 40px; }
    .xiao_flash_sale>.center>div>div{margin: auto;width: 170px;height: 60px;margin-top: 30px;}
    .xiao_flash_sale>.center>div>img{width: 34px;height: 53px;margin-top: 30px;}
    .xiao_flash_sale>.center>div>p{color: rgb(0, 0, 0,.54);font-size: 15px;margin-top: 30px;}
    .xiao_flash_sale>.center>div>div>span{display: block;float: left;width: 46px;height: 46px;text-align: center;color: #fff;font-size: 24px;line-height: 46px;background-color: slateblue;margin-top: 30px;}
    .xiao_flash_sale>.center>div>div>i{display: block;float: left;width: 15px;height: 46px;font-style: normal;text-align: center;line-height: 46px;color: #605751;font-size: 28px;margin-top: 30px;}
    /* 右边 */
    .xiao_flash_sale>.center>ul{float: right;width: 994px;height: 340px;}
    .xiao_flash_sale>.center>ul>li{float: left;width: 234px;height: 340px;background-color: #fff;text-align: center;margin-left: 14.5px;}
    .xiao_flash_sale>.center>ul>li>img{width: 160px;height: 160px;margin-top: 38px;}
    .xiao_flash_sale>.center>ul>li>h4{margin-top: 30px;font-size: 14px;font-weight: 400; text-overflow: ellipsis;color: #212121;}
    .xiao_flash_sale>.center>ul>li>p{font-size: 12px;text-overflow: ellipsis;color: #212121;margin-top: 6px;margin-bottom: 15px;        }
    .xiao_flash_sale>.center>ul>li>span{color: #ff6700;font-size: 14px;}
    .content>.xiao_flash_sale>.button_img{clear: both; margin-bottom: 0px;}
    .content>.xiao_flash_sale>.button_img>img{position: absolute;bottom: 0px; width: 100%;height: 120px;}
 /* 手机部分------------------------------------------------------- */
    .content-one{width: 1230px;height: 850px;margin: auto;margin-top: 10px;}
    .content-one>.content,.content1{width: 1230px; height: 58px;text-align: center;line-height: 58px;}
    .content-one>.content>h3,.content1>h3{float: left;font-size: 22px;font-weight: 200;line-height: 58px;color: #333333;}
    .content-one>.content>div,.content1>div{display: flex; float: right; width: 92px;  height: 58px;}
    .content-one>.content>div:hover h4{color: #ff6700;}
    .content-one>.content>div:hover div{background: #ff6700;}
    .content-one>.content>div>h4,.content1>div>h4{color: #424242;font-size: 16px;float: left;font-weight: 400;}
    .content-one>.content>div>div,.content1>div>div{width: 20px;height: 20px;margin: auto;background: #b0b0b0;  margin-left: 8px;border-radius: 16px;line-height: 20px;text-align: center;}
    .content-one>.content>div>div>.iconfont,.content1>div>div>.iconfont{color: #fff;width: 12px;height: 12px;}
    .content1>div:hover .content1>div>h4{color: #ff6700;}
    .content1>div:hover .content1>div>div>.iconfont{background: #ff6700;}
    /* 手机部分 中 ------------------------------------------------------*/
    .content-one>.centent-one-one{width: 1230px;height: 614px;}
    .content-one>.centent-one-one>img{float: left;width: 234px;height: 614px; /* 过渡时间 */transition: all .2s linear;}
    .content-one>.centent-one-one>img:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
    .content-one>.centent-one-one>div{position: relative;display: flex;width: 996px;height: 614px;}
    .content-one>.centent-one-one>div>ul>li,.li_one{background-color: #fff; float: left;width: 234px;height: 300px;text-align: center;margin: auto;margin-left: 15px;margin-bottom: 14px; /* 过渡时间 */transition: transform .2s linear;}
    .content-one>.centent-one-one>div>ul>li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
    .content-one>.centent-one-one>div>ul>li>img{width: 160px;height: 160px;margin-top: 20px;margin-bottom: 20px;}
    .content-one>.centent-one-one>div>ul>li>h3{font-size: 14px; font-weight: 400;color: #333;}
    .content-one>.centent-one-one>div>ul>li>p{  font-size: 12px;  margin-top: 3px;  margin-bottom: 10px;color: #b0b0b0;}
    .content-one>.centent-one-one>div>ul>li>span{   float: inline-start;  font-size: 14px; color: #ff6700;}
    .content-one>.centent-one-one>div>ul>li>del{  font-size: 14px;  margin-left: 5px;  color: #b0b0b0;  text-decoration: line-through;}
    .content-one>.centent-one-one>.img1{margin-top: 38px;width: 1230px;height: 120px；}
/* 家电新增 */
    .content-one>.content>p{height: 45px;float: right;font-size: 16px;margin-left: 20px;}
    .content-one>.content>p:nth-child(3){   display: block;  color: #ff6700; border-bottom: 2px solid #ff6700; }
    .content-one>.centent-one-one>.centent-one-one-one{position: relative;display: flex;float: left;width: 234px; height: 614px;  flex-direction: column; justify-content: center; }
    .content-one>.centent-one-one>.centent-one-one-one>img{position: absolute;bottom: 0px;width: 234px;height: 300px;
        /* 过渡时间 */transition: transform .2s linear;}
    .content-one>.centent-one-one>.centent-one-one-one>img:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
    .content-one>.centent-one-one>.centent-one-one-one>img:nth-child(1){ position: absolute;top: 0px;}
    .content-one>.centent-one-one>div>ul>.li_one{position: absolute;top: 314px;right: 0px;clear: both;width: 234px;height: 300px;background-color: #f5f5f5;}
    .content-one>.centent-one-one>div>ul>.li_one>div{width: 234px; height: 143px;background-color: #fff;margin-bottom: 15px;text-align: left;transition: transform .2s linear;}
    .content-one>.centent-one-one>div>ul>.li_one>div>.one{width: 94px;float: left;margin-top: 40px; margin-left: 26px;}
    .content-one>.centent-one-one>div>ul>.li_one>div>.one>h4{font-size: 14px;font-weight: 500;}
    .content-one>.centent-one-one>div>ul>.li_one>div>.one>p{font-size: 14px;font-weight: 300;margin-top: 15px;color: red;}
    .content-one>.centent-one-one>div>ul>.li_one>div>img{margin-left: 30px;margin-top: 30px;}
    .content-one>.centent-one-one>div>ul>.li_one>div>.two{float: left;margin-top: 40px;margin-left: 26px;}
    
    .content-one>.centent-one-one>div>ul>.li_one>div>div>img{margin-top: 40px;margin-left: 50px;}
    .content-one>.centent-one-one>div>ul>.li_one>div>.two>h4{font-size: 18px;font-weight: 500；}
    .content-one>.centent-one-one>div>ul>.li_one>div>.two>p{font-size: 14px;font-weight: 300;margin-top: 5px;}
    .content-one>.centent-one-one>div>ul>.li_one>div:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
    /* 视频上字体 */
    .content1{margin: auto;}
    /* 视频---------------------------------------------------------- */
    .video{width: 1230px;height: 299px; margin: auto;margin-bottom: 25px;}
    .video>ul{width: 100%; display: flex;justify-content: space-between;}
    .video>ul>li{position: relative;width: 300px; height: 299px;background-color: #fff;float: left;text-align: center;}
    .video>ul>li>img{width: 100%;height: 180px;margin-bottom: 30px;}
    .video>ul>li>h4{ margin: 0 14px 6px;font-size: 14px;font-weight: 400;text-align: center; color: #333;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
    .video>ul>li>p{font-size: 12px;color: #b0b0b0}
    .video>ul>li>span{position: absolute; left: 20px;bottom: 130px; width: 36px; height: 24px; border-radius: 12px;border: 2px solid #fff;line-height: 25px; }
    .video>ul>li>span:hover {background-color: #ff6700; border: 2px solid #ff6700;}
    .video>ul>li>span>i{color: #fff; font-size: 20px;text-align: center; }
    /* 底部---------------------------------------------------------- */
    footer{display: block;height: 500px; width: 100%;background-color: #fff;}
    .site-footer{width: 100%;height: 272px;/* background-color: sienna; */}
    .site-footer>.site-footer-one{width: 1230px;height: 80px;margin: auto;}
    .site-footer>.site-footer-one>ul{display: block;width: 1230px;height: 25px;padding: 27px 0; border-bottom: 1px solid #e0e0e0;}
    .site-footer>.site-footer-one>ul>li{float: left; width: 19.9%; line-height: 25px;text-align: center;}
    .site-footer>.site-footer-one>ul>li>span{float: left;font-size: 25px; padding-left: 55px;}
    .site-footer>.site-footer-one>ul>li>span>p{ float: right;list-style-type: none;font-size: 16px; }
    .site-footer>.site-footer-one>ul>li>div{float: right;width: 1px;height: 25px;background-color: #b0b0b0;}
    .site-footer>.site-footer-one>ul>li>p:nth-child(1){border-left: none;}
    .site-footer>.site-info{width: 1230px;height: 192px;margin: auto;}
    .site-footer>.site-info>dl{float: left; width: 160px; height: 112px; margin-top: 40px; }
    .site-footer>.site-info>dl>dt{ margin: -1px 0 26px;font-size: 14px;line-height: 1.25;color: #424242;}
    .site-footer>.site-info>dl>dd{ margin: 10px 0 0; font-size: 12px; }
    .site-footer>.site-info>div{float: right;  width: 252px;  height: 111px; margin-top: 40px; text-align: center; border-left: 1px solid #e0e0e0;}
    .site-footer>.site-info>div>.phone{height: 22px; font-size: 22px;line-height: 1; color: #ff6700; margin-bottom: 10px; }
    .site-footer>.site-info>div>p{ margin: 0 0 5px 0;font-size: 12px;}
    .site-footer>.site-info>div>.nofllow{width: 118px;height: 28px;font-size: 12px;line-height: 28px;text-align: center;border: 1px solid #ff6700;background: #fff; margin: auto;color: #ff6700;   margin-top: 5px;margin-bottom: 10px;}
    .site-footer>.site-info>div>.nofllow>i{display: flex;justify-content: center;}
    .site-footer>.site-info>div>.nofllow>i>p{font-size: 12px;}
    .site-footer>.site-info>div>.nofllow:hover{ color: #fff;  background-color: #ff6700;}
    .site-footer>.site-info>div>div>span{font-size: 12px; }
    .site-footer>.site-info>div>div{position: relative;}
    .site-footer>.site-info>div>div>i>.img_img{
        position: absolute; top: 22px;right: 50px;width: 116px;height: 0px;background-color: #fff;
        box-shadow: 0 0 20px #aaa;
    }
    .site-footer>.site-info>div>div>i:nth-child(3):hover .img_img{
        height: 116px;
        z-index: 3;
    }
    .site_footer_one{ width: 1230px; height: 200px; margin: auto; margin-top: 30px;}
    .site_footer_one>.info_test>.site{   display: flex; justify-content: space-around; }
    .site_footer_one>.info_test>.site>a{ font-size: 14px; color: #757575; }
    .site_footer_one>.info_test>p{display: block; margin-top: 10px; margin-bottom: 15px; font-size: 14px; }
    .site_footer_one>.info_test>p>a{color: #757575;}

    /* 悬浮窗口 */
    .home-tool{
        position: fixed;
        right: 70px;
        bottom: 80px;
        width: 25px;
        height: 261px;
        text-align: center;
        align-items: center;
    }
    .home-tool>a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 25px;
        height: 42px;
        padding-left: 3px;
        background-color: #fff; 
        border-bottom: 1px solid #f5f5f5;
    }
    .home-tool>a>img{
        width: 20px;height: 20px;
    }
    .home-tool>a>img{
        position: relative;
    }
    .home-tool>a>span{
        position: absolute;
        top: 90px;
        right: 25px;
        width: 50px;
        font-size: 12px;
        line-height: 28px;
        padding: 0 8px;
        color: black;
        background-color: #fff;
        border: 1px solid #f5f5f5;
        text-align: center;
        display: none;
    }
    .home-tool>a:hover span{
        display: block;
    }
    .home-tool>a>span:nth-child(3){
        top: 130px;
    }
    .home-tool>.home_tool_one{margin-top: 9px;}